Glossary terms from course 6, module 1

Above the fold 首屏內容

開啟網頁時不需要向下滾動就能直接看到的內容

Asymmetrical layouts 非對稱佈局

頁面左右兩側刻意設計成不對稱的排版方式

Box layout 盒子佈局

用不同大小的方框組合而成的頁面佈局

Cards 卡片

展示單個主題資訊和操作按鈕的矩形區域

Carousels 輪播圖

可以左右滑動檢視或自動播放的圖片展示方式

Common region 共同區域

放在同一個區域內的元素會被使用者認為是相關聯的

Database model 資料庫模型

將大量資訊整理歸類並提供搜尋功能的網站組織方式

Dedicated mobile app 專用移動應用

專門為手機設計的應用程式,從手機桌面圖示開啟使用

F-shaped layouts F形佈局

使用者瀏覽網頁時視線移動軌跡像字母F的佈局設計

Featured image layout 特色圖片佈局

用一張大圖片或影片佔據主要版面來吸引注意力的佈局

Focal point 焦點

網頁中最能吸引使用者注意力的重點區域

Gestalt principles 格式塔原則

解釋人們如何將相似的元素歸為一組、識別規律並理解複雜影象的心理學原理

Grid of cards layout 卡片網格佈局

將多個卡片整齊排列成網格狀展示內容預覽

Hamburger menus 漢堡選單

用三條橫線圖示表示的可展開選單

Headings 標題

在文章或網頁各個部分開頭用來概括內容的大字標題

Hierarchy 層次結構

按照內容的重要程度進行排列組織

Hierarchical model 層級模型

像樹狀圖一樣從主分類開始逐級細分到具體內容的組織方式

Information architecture 資訊架構

合理組織內容讓使用者清楚自己在哪裡、想找的資訊在哪裡

Initial focus 初始焦點

透過設計引導使用者注意力幫助他們完成操作的方法

Landmarks 地標

用來標記介面中不同區域功能的標識

Layout 佈局

決定頁面上各個元素如何排列擺放的框架結構

Matrix model 矩陣模型

內容之間相互關聯,使用者可以自由選擇瀏覽路徑的組織方式

Multi-column layouts 多列布局

將內容分成兩列或更多列並排顯示

Proximity 接近性

距離近的元素看起來更相關,距離遠的看起來關係較弱

Responsive web app 響應式網頁應用

能根據不同裝置自動調整的網站,透過手機瀏覽器訪問

Responsive web design 響應式網頁設計

讓網站能夠根據螢幕大小自動調整顯示效果的設計方法

Sequential model 順序模型

引導使用者按照固定步驟一步步完成操作的網站結構

Similarity 相似性

外觀相似的元素會被認為有相同的作用或功能

Single column layouts 單列布局

內容只用一列從上到下排列的佈局方式

Sitemap 網站地圖

展示網站所有頁面的結構關係和連結方式的圖表

Tiered layer cake layout 分層蛋糕佈局

像蛋糕一樣一層層堆疊的佈局,每層可以有不同的列數

Wireframe 線框圖

產品或頁面的簡單框架草圖

Z-shaped layout Z形佈局

使用者視線從左到右、再斜向左下、再從左到右移動,軌跡像字母Z的佈局